<template>
  <header>
    <list :msg="msg"></list>
  </header>
  <RouterView></RouterView>
</template>
<script>
import list from '../components/listCom.vue'
export default {
  data() {
    return {
      msg: [
        { id: 1, path: '/home/first', name: 'first' },
        { id: 2, path: '/home/two', name: 'two' }
      ]
    }
  },
  components: {
    list
  }
}
</script>
<style scoped lang="scss">
header {
  width: 100%;
  height: 80px;
  background: rgb(153, 73, 147);
}
::v-deep .listul .listli {
  width: 80px;
  float: left;
  list-style: none;
  padding: 20px;
}
</style>
